<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>resume</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/font/iconfont.css" />
    <link rel="stylesheet" href="css/font1/iconfont.css" />
</head>
<body style="background: #fff;width: 100%;height: 100%;">

    
    <div class="swiper-container" style="margin: 0;padding: 0;">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                
                <img id="jlp" class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s" src="images/o_1bcirk3mbfeg1dbc5c1dl2snu1k.jpg"/>
				<div id="jlc" class="ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" >
					个人简历
				</div>
				
				<img id="pic" src="images/ff.png" class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="2s" swiper-animate-delay="1s"/>
            </div>
            
            
            
            <div class="swiper-slide">
            		<img src="images/quan.png" class="changes"/>
            		<p id="top1" class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">个人简历</p>
                    <img id="tpic" src="./images/face07.jpg" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
                <div id="box">
					<p class="ani para" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">个人信息</p>
					<p class="ani para" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.8s" swiper-animate-delay="0.8s">姓名：陶涛</p>
					<p class="ani para" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.8s" swiper-animate-delay="1.2s">籍贯：安徽</p>
					<p class="ani para" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.8s" swiper-animate-delay="1.6s">联系方式：13777877403</p>
					<p class="ani para" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.8s" swiper-animate-delay="2s">个人信息</p>
					<p class="ani para" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.8s" swiper-animate-delay="2.4s">学历：本科</p>
					<p class="ani para" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.8s" swiper-animate-delay="2.8s">毕业院校：淮南师范学院</p>
					<p class="ani para" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.8s" swiper-animate-delay="3.2s">专业：电子信息科学与技术</p>
				 </div>   
            </div>
            <div class="swiper-slide">
				<img id="bl" class="ani" swiper-animate-effect="rollIn" swiper-animate-duration="0.8s" swiper-animate-delay="0.2s" src="./images/IMG_0717.JPG"/>

                <button class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.8s" swiper-animate-delay="0.6s" id="enter">详细情况<i class="icon-you iconfont"></i></button>

            </div>
        </div>
    </div>


    <div id="mainContainer">
         <div id="header">我的</div>
		<button id="xc">相册</button>
		<button id="ewm">二维码</button>
            <div id="wrapper">
            <div id="scroller">
				<ul id="wode">
					<img src="./images/IMG_1053.JPG" style="width: 40%;height: 40%;"/>
					<h2>个人信息：</h2>
					<p style="font-size: 16px;">性格：我的性格方面不算外向好像也不内向，喜欢交朋友，也喜欢有挑战性的,比较宅，为人诚实</p>
					<p style="font-size: 16px;">爱好：1、喜欢听歌，散步，打羽毛球；2、喜欢交朋友、有空也喜欢看书；</p>
					<p><i class="icon-weixin iconfont">taotao920208</i></p>
					<p><i class="icon-QQ iconfont">990801897</i></p>
					<p><i class="icon-17 iconfont">13777877403</i></p>
					<p><i class="icon-tubiaozitihua09 iconfont">t_t_1992@sina.com</i></p>
				</ul>            				
            </div>
        </div>

        <div id="footer">
            <div class="check"><i class="icon-my iconfont" ></i><span>我的</span></div>
			<div><i class="icon-xiangmu iconfont"></i><span>项目</span></div>
			<div><i class="icon-renwujineng iconfont"></i><span>技能</span></div>
			<div><i class="icon-inauguration iconfont" ></i><span>任职经历</span></div>
        </div>
    </div>

    <script src="js/index.js">
    	
    </script>

</body>
</html>